<template>
  <a-drawer :visible="open" class="custom-class" width='500px' root-class-name="root-class-name" title="物流信息"
    placement="right" @close='open=false'>
    <a-steps style="width: 100%;" direction="vertical" :current="0" progressDot>
      <a-step v-for="(item,index) in stepList" :key='index' style="width: 100%;">
        <template v-slot:title>
          <div style="">{{item.title}}</div>
        </template>
        <template v-slot:description>
          <div class="antd-pro-pages-profile-advanced-style-stepDescription">
            <div>{{item.time}}</div>
          </div>
        </template>
      </a-step>

    </a-steps>
  </a-drawer>
</template>

<script>
  import {
    zhongyaoOrderDetail,
    kuaidiList
  } from '@/api/orderManage'
  export default {
    data() {
      return {
        open: false,
        stepList: []
      }
    },
    methods: {
      initData(orderid, state) {
        kuaidiList({
          orderid: orderid,
          state: state
        }).then(res => {
          this.stepList = res.data
          this.open = true
        })
      },
      handleOk() {

      },
    }
  }
</script>

<style>
</style>